<template>
  <div>
    <a-select value="1" style="width: 120px">
      <a-select-option value="1">
        All
      </a-select-option>
    </a-select>
    &nbsp;
    <a-button type="primary" icon="plus" @click="simpleness">简单</a-button>
    &nbsp;
    <a-button type="primary" icon="plus" @click="complex">复杂</a-button>
  </div>
</template>

<script>

export default {
  name: "ComplexExpressions",
  props: {
    info: Object
  },
  methods: {
    simpleness() {
      this.info.conditions = [...this.info.conditions, {class: 'simple',expressions:{}}]
    },
    complex() {
      this.info.conditions = [...this.info.conditions,
        {
          class: "complex",
          conditions: [{class: "simple",expressions:{}}]
        }
      ]
    }
  }
}
</script>

<style scoped>

</style>
